<!DOCTYPE html>
<html>
<head>
    <% include ../common/public.ejs %>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>领取优惠券</title>
    <style>
        .card{
            background: #fff;
            margin: 5px;
        }
        .card .info{
            display: flex;
            vertical-align: middle;
            font-size: 14px;
            padding: 15px 0 10px;
            margin:15px 15px 0 15px;
        }
        .card .info > div{
            align-self: center;
        }
        .card .info .price{
            color: #e51c23;
            width: 30%;
        }
        .card .info .price span{
            font-size: 30px;
        }
        .card .info .name{
            width: 50%;
        }
        .card .info .name .couponName{
            color: #e51c23;
            font-weight: 700;
        }
        .card .info .name .couponInfo{
            color: rgb(125, 125, 125);
            font-size: 12px;
        }
        .card .info .button{
            text-align: center;
            width: 20%;
        }
        .card .info .button button{
            color: rgb(255, 255, 255);
            background-color: rgb(229, 28, 35);
            border-radius: 20px;
            border: 0;
            text-align: center;
            padding: 2px 5px;
            margin: 10px 0;
            cursor: pointer;
        }
        .card .remark{
            font-size: 12px;
            color: rgb(125, 125, 125);
            margin:0 15px 15px 15px;
            padding:5px 0;
        }
        .card > hr{
            border-style: dashed;
            border-color: rgb(190, 194, 201);
            width: 95%;
            margin: 0 auto;
        }
    </style>
</head>
<body>
<div id="container" >
    <div class="weui-navbar">
        <div class="weui-navbar__item weui_bar__item_on">
            可领取
        </div>
    </div>

    <div class="weui-tab__bd">
        <div class="weui-tab__bd-item weui-tab__bd-item--active" id="couponList">
            <!--<div class="card">-->
                <!--<div class="info">-->
                    <!--<div class="price">-->
                        <!--￥<span>5</span>-->
                    <!--</div>-->
                    <!--<div class="name">-->
                        <!--<div class="couponName">满20可用</div>-->
                        <!--<div class="couponInfo">有限期：2018-07-01 至 2018-07-31</div>-->
                    <!--</div>-->
                    <!--<div class="button">-->
                        <!--<button>立即领取</button>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<hr/>-->
                <!--<div class="remark">用券规则：全场通用，限时购、特价等优惠商品及详情页标注不可用券的商品除外</div>-->
            <!--</div>-->
        </div>
    </div>
</div>

<% include ../common/footer.ejs %>
</body>
</html>
